<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="webjars/jquery-ui/1.12.1/themes/ui-darkness/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="webjars/jquery-ui/1.12.1/themes/ui-darkness/theme.css">
<style type="text/css">
	#contrainer { width:300px;margin:100px auto;}
	#contrainer>p {margin-bottom: 0;padding: 0.4em 0;fon}
	#contrainer hr{margin:0.5em 0;}
	#contrainer i,#contrainer label {font-weight: bold;margin-left: 2em;}
	.ui-widget-content { font-size: 80%;}
</style>
</head>
<body>
	<div id="contrainer" class="ui-widget ui-corner-all">
		<p class="ui-widget-header"><i>登录</i></p>
		<div class="ui-widget-content">
			<form action="login" method="post">
				<p><label>用户名：</label><input type="text" name="username"></p>
				<p><label>密　码：</label><input type="password" name="password"></p>
				<hr>
				<p style="text-align: right;"><button type="submit" class="button">登录</button><button type="reset" style="margin-left: 1em;margin-right: 2em">重置</button></p>
			</form>
		</div>	
	</div>
</body>
</html>